*{
    box-sizing: border-box!important;
}

.wrap{
    width: 100%;
    overflow: hidden;
}

.porpList{
    width: 100%;
    padding: 0 0.6rem;
    overflow: hidden;
}

.porpList li{
    width: 100%;
    height: 4rem;
    padding: 0.8rem;
    margin-top: 0.6rem;
    border-radius: 0.21rem;
    font-size: 1.02rem;
    font-weight: bold;
    position: relative;
    overflow: hidden;
}

.porpList li .Wrp{
    position: absolute;
    top: 50%;
    left: 0.8rem;
    transform: translateY(-50%);
    overflow: hidden;
}

.porpList .jinbiLi{
    background: url("../../img/my/signInAndCup/jbhbbj.png") no-repeat no-repeat;
    background-size: 100% 100%;
}

.porpList .ptndLi{
    background: url("../../img/my/signInAndCup/ptndqbj.png") no-repeat no-repeat;
    background-size: 100% 100%;
}

.porpList .xqLi{
    background: url("../../img/my/signInAndCup/xqqbj.png") no-repeat no-repeat;
    background-size: 100% 100%;
}

.porpList .yfLi{
    background: url("../../img/my/signInAndCup/yfqbj.png") no-repeat no-repeat;
    background-size: 100% 100%;
}

.porpList .xdndLi{
    background: url("../../img/my/signInAndCup/xdndqbj.png") no-repeat no-repeat;
    background-size: 100% 100%;
}

.porpList .jinbiLi .number{
    color: #FF0000;
}

.porpList .ptndLi .number{
    color: #21A537;
}

.porpList .xqLi .number{
    color: #007ADF;
}

.porpList .yfLi .number{
    color: #E8AC3A;
}

.porpList .xdndLi .number{
    color: #8D1EE3;
}
